{% extends "two_column_body.html" %}
<!-- template badges.html -->
{% block title %}{% spaceless %}{% trans %}Badges{% endtrans %}{% endspaceless %}{% endblock %}
{% block content %}
<h1 class="section-title">{% trans %}Badges{% endtrans %}</h1>
<p>
{{ settings.WORDS_COMMUNITY_GIVES_YOU_AWARDS|escape }}
<br/>
{% trans %}Below is the list of available badges and number of times each type of badge has been awarded.{% endtrans %}
</p>
<table>
  <tbody class="badge-list">
  {% for badge in badges %}
   <tr class="badge-ctnr" data-badge-id="{{ badge.id }}">
   <td>
      {% if badge.id in my_badge_ids %}
          <div class="badge-awarded">&#10004;</div>
      {% endif %}
   </td>
   <td>
    <div class="badge-item">
     <a href="{{badge.get_absolute_url()}}" 
         title="{{ badge.get_type_display() }} : {{ badge.get_description() }}" 
         class="medal"><span class="{{ badge.get_css_class() }}">&#9679;</span>&nbsp;{{ badge.get_name() }}</a><strong> 
         &#215; {{ badge.awarded_count|intcomma }}</strong>
    </div>
   </td>
   <td>
      <p class="badge-description">{{ badge.get_description() }}</p>
   </td>
  </div>
   </tr>
  {% endfor %}
  </tbody>
</table>
{% endblock %}
{% block sidebar %}
<div class="box">
    <h2>{% trans %}Community badges{% endtrans %}</h2>
    <p>
        <a style="cursor:default;" title="{% trans %}gold badge: the highest honor and is very rare{% endtrans %}" class="medal"><span class="badge1">&#9679;</span>&nbsp;{% trans %}gold{% endtrans %}</a>
    </p>
    <p>
        {% trans %}Gold badge is the highest award in this community. To obtain it you have to show 
profound knowledge and ability in addition to your active participation.{% endtrans %}
    </p>
    <p>
        <a 
            style="cursor:default;" 
            title="{% trans %}silver badge: occasionally awarded for the very high quality contributions{% endtrans %}" 
            class="medal"><span class="badge2">&#9679;</span>&nbsp;{% trans %}silver{% endtrans %}</a>
    </p>
    <p>
        {% trans %}silver badge: occasionally awarded for the very high quality contributions{% endtrans %}
    </p>
    <p>
        <a style="cursor:default;" title="{% trans %}bronze badge: often given as a special honor{% endtrans %}" class="medal">
        <span class="badge3">&#9679;</span>&nbsp;{% trans %}bronze{% endtrans %}</a>
    </p>
    <p>
        {% trans %}bronze badge: often given as a special honor{% endtrans %}
    </p>
</div>
{% endblock %}
{% block endjs %}
    {% if request.user.is_authenticated() and request.user.is_administrator_or_moderator() %}
    <script type="text/javascript">
        askbot['urls']['reorderBadges'] = '{% url reorder_badges %}';
    </script>
        {% compress js %}
            <script type="text/javascript" src="{{ '/jslib/jquery-sortable.js'|media }}"></script>
            <script type="text/javascript" src="{{ '/js/badges.js'|media }}'"></script>
        {% endcompress %}
    {% endif %}
{% endblock %}
<!-- end template badges.html -->
